import {
  login,
  logout,
  getUserRoles,
  getUserInfo,
  getMessage,
  getContentByMsgId,
  hasRead,
  removeReaded,
  restoreTrash,
  getUnreadCount
} from '@/api/user'
import { setToken, getToken, removeToken, setUsername, localSave } from '@/libs/util'
import * as ResponseStatus from '@/api/response-status'
import headImg from '@/assets/images/head.png'
import { initRouter } from '@/libs/router-util' // ①新增  引入动态菜单渲染

export default {
  state: {
    userName: '',
    userId: '',
    avatorImgPath: '',
    token: getToken(),
    access: '',
    hasGetInfo: false,
    unreadCount: 0,
    messageUnreadList: [],
    messageReadedList: [],
    messageTrashList: [],
    messageContentStore: {}
  },
  mutations: {
    setAvator (state, avatorPath) {
      state.avatorImgPath = avatorPath
    },
    setUserId (state, id) {
      state.userId = id
    },
    setUserName (state, name) {
      state.userName = name
      setUsername(name)
    },
    setAccess (state, access) {
      state.access = access
    },
    setToken (state, token) {
      state.token = token
      setToken(token)
    },
    removeToken () {
      removeToken()
    },
    setHasGetInfo (state, status) {
      state.hasGetInfo = status
    },
    setMessageCount (state, count) {
      state.unreadCount = count
    },
    setMessageUnreadList (state, list) {
      state.messageUnreadList = list
    },
    setMessageReadedList (state, list) {
      state.messageReadedList = list
    },
    setMessageTrashList (state, list) {
      state.messageTrashList = list
    },
    updateMessageContentStore (state, { msg_id, content }) {
      state.messageContentStore[msg_id] = content
    },
    moveMsg (state, { from, to, msg_id }) {
      const index = state[from].findIndex(_ => _.msg_id === msg_id)
      const msgItem = state[from].splice(index, 1)[0]
      msgItem.loading = false
      state[to].unshift(msgItem)
    }
  },
  getters: {
    messageUnreadCount: state => state.messageUnreadList.length,
    messageReadedCount: state => state.messageReadedList.length,
    messageTrashCount: state => state.messageTrashList.length
  },
  actions: {
    // 登录
    handleLogin ({ commit }, loginView) {
      return new Promise((resolve, reject) => {
        login(loginView).then(res => {
          if (res.data.code === ResponseStatus.OK) {
            // 认证成功
            const data = res.data
            commit('setToken', data.data)
            // 初始化路由
            initRouter(loginView)　
          } else if (res.data.code === ResponseStatus.AUTHENTICATION_TOKEN_ERROR) {
            // Token 失效，需要移除token
            commit('removeToken')
            commit('setAccess', [])
            // 清空本地路由
            localSave('dynamicRouter', [])
            loginView.$Message.error(res.data.message)
          } else {
            loginView.$Message.error(res.data.message)
          }
					resolve(res)
        }).catch(err => {
          reject(err)
        })
      })
    },
    // 退出登录
    handleLogOut ({ state, commit }) {
      return new Promise((resolve, reject) => {
        logout().then(() => {
          commit('removeToken')
          commit('setAccess', [])
          commit('setUserName', '')
          // 清空本地路由
          localSave('dynamicRouter', [])
          resolve()
        }).catch(err => {
          reject(err)
        })
        // 如果你的退出登录无需请求接口，则可以直接使用下面三行代码而无需使用logout调用接口
        // commit('setToken', '')
        // commit('setAccess', [])
        // resolve()
      })
    },
    getUserRoles ({ commit }, loginView) {
      return new Promise((resolve, reject) => {
        getUserRoles().then(res => {
          let roles = []
          localSave('isSuperAdmin', false)
          if (res.data.code === ResponseStatus.OK) {
            if (res.data.data.total > 0) {
              res.data.data.rows.forEach((row, index) => {
                roles.push(row.roleTitle)
                if (row.roleTitle === 'super_sys_admin') {
                  localSave('isSuperAdmin', true)
                }
              })
              commit('setAccess', roles)
            } else {
              loginView.$Message.error(res.data.message)
            }
          }
          resolve(roles)
        }).catch(err => {
          reject(err)
        })
      })
    },
    clearTokenAndAccess ({ commit }) {
      commit('removeToken')
      commit('setAccess', [])
    },
    // 获取用户相关信息
    getUserInfo ({ state, commit }) {
      return new Promise((resolve, reject) => {
        getUserInfo().then(res => {
          const data = res.data
          if (data.code === ResponseStatus.OK) {
            commit('setUserName', data.data.rows[0].userDetailNickname ? data.data.rows[0].userDetailNickname : '暂无昵称')
            commit('setAvator', data.data.rows[0].userDetailHeadicon ? data.data.rows[0].userDetailHeadicon : headImg)
            commit('setUserId', '1')
            commit('setHasGetInfo', true)
            resolve(res)
          } else if (data.code === ResponseStatus.AUTHENTICATION_TOKEN_ERROR) {
            this.clearTokenAndAccess()
          }
        }).catch(err => {
          reject(err)
        })
      })
    },
    // 此方法用来获取未读消息条数，接口只返回数值，不返回消息列表
    getUnreadMessageCount ({ state, commit }) {
      // getUnreadCount().then(res => {
      //   const { data } = res
      //   commit('setMessageCount', data)
      // })
    },
    // 获取消息列表，其中包含未读、已读、回收站三个列表
    getMessageList ({ state, commit }) {
      return new Promise((resolve, reject) => {
        getMessage().then(res => {
          const { unread, readed, trash } = res.data
          commit('setMessageUnreadList', unread.sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))
          commit('setMessageReadedList', readed.map(_ => {
            _.loading = false
            return _
          }).sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))
          commit('setMessageTrashList', trash.map(_ => {
            _.loading = false
            return _
          }).sort((a, b) => new Date(b.create_time) - new Date(a.create_time)))
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },
    // 根据当前点击的消息的id获取内容
    getContentByMsgId ({ state, commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        let contentItem = state.messageContentStore[msg_id]
        if (contentItem) {
          resolve(contentItem)
        } else {
          getContentByMsgId(msg_id).then(res => {
            const content = res.data
            commit('updateMessageContentStore', { msg_id, content })
            resolve(content)
          })
        }
      })
    },
    // 把一个未读消息标记为已读
    hasRead ({ state, commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        hasRead(msg_id).then(() => {
          commit('moveMsg', {
            from: 'messageUnreadList',
            to: 'messageReadedList',
            msg_id
          })
          commit('setMessageCount', state.unreadCount - 1)
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },
    // 删除一个已读消息到回收站
    removeReaded ({ commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        removeReaded(msg_id).then(() => {
          commit('moveMsg', {
            from: 'messageReadedList',
            to: 'messageTrashList',
            msg_id
          })
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },
    // 还原一个已删除消息到已读消息
    restoreTrash ({ commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        restoreTrash(msg_id).then(() => {
          commit('moveMsg', {
            from: 'messageTrashList',
            to: 'messageReadedList',
            msg_id
          })
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    }
  }
}
